@charset "utf-8";
html{font-size:14px;}
/*
  ±³¾°ÑÕÉ«
  ¹¤¾ßÀ¸±³¾°ÑÕÉ«
  Ö÷ÌâÑÕÉ«
  ±ß¿òÑÕÉ«
  Ñ¡ÖÐÑÕÉ«£¨ÎªÖ÷ÌâÑÕÉ«£©
*/
@bg:#F8F8F8;
@bgNav:#F9F9F9;
@theme:#1986EF;
@borderC:#999;
@Aactive:#1986EF;

/*
  ¼ä¾à
  ±ß¾à
*/
@margin:.8rem;
@padding:.5rem;

/*
  ÑÕÉ«
    Ö÷Ìâ
    Ç³Ö÷Ìâ
    Ä¬ÈÏ333
    ¸±Ìâ666
    Ç³»Ò999
    »Æ£¬Ç³ÂÌ£¬À¶£¬ºì£¬Ç³ºì,°×
*/
@theme:#1986EF;
@lineTheme:#61AFFA;
@gray3:#333;
@gray6:#666;
@gray9:#999;
@yellow:#F7B55E;
@lineGreen:#00C0CD;
@blue:#1782dd;
@red:#e7172f;
@lineRed:#f3939f;
@white:#fff;
@border:#ededed;

/*
  ±êÌâ×ÖÌå
  ¸±Ìâ×ÖÌå
  ÎÄÕÂ×ÖÌå
  ±êÇ©×ÖÌå
*/
@fs-lg:1.2rem;
@fs-lg2:.9rem;
@fs-md:1rem;
@fs-sm:.8rem;

/*
  Ô²½Ç
*/
@br: 3px;

/*
  Í¨ÓÃÑùÊ½
*/
.left{float: left;}
.right{float: right;}
.ohidden{overflow: hidden;}
.oauto{overflow: auto;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}



.navbar{background: @theme;color: @white;}
.toolbar{background: @bgNav;}
.toolbar i.iconfont{font-size: @fs-lg;}
.tabbar a.active{color: @Aactive;}


/*Ê×Ò³*/

.f-content .f-c-top{ width: 100%;height: 9rem;background: url("../assets/img/logo.png") no-repeat top center;background-size:100% 100%;}
.f-content .f-c-centertop,.f-content .f-c-centerbottom{ margin-bottom: @margin; }
.f-content .f-c-centertop .f-c-c-title,.f-c-centerbottom .f-c-c-title{ padding: .5rem @padding;font-size: @fs-lg2;background-color: #fff;margin:0;color: @gray3; }
.f-content .f-c-centertop .f-c-ct-nav{ font-size: @fs-sm;background-color: #fff;border-top: 1px @border solid;border-bottom: 1px @border solid; }
.f-content .f-c-centertop .f-c-ct-nav li{ border-right: 1px @border solid;border-bottom: 1px @border solid; }
.f-content .f-c-centertop .f-c-ct-nav li.norightborder{ border-right:0; }
.f-content .f-c-centertop .f-c-ct-nav li a{ display: inline-block;text-align: center;color: #656565;padding: .6rem 1.21rem; }
.f-content .f-c-centertop .f-c-ct-nav li a i,.f-content .f-c-centertop .f-c-c-nav li a span{ display: block; }
.f-content .f-c-centertop .f-c-ct-nav li a span{ display: inline-block;width: 4.41rem; }
.f-content .f-c-centertop .f-c-ct-nav li a i{ font-size: 2.5rem; }
.f-content .f-c-centertop .f-c-ct-nav li a i.icon-tongzhigonggao2{ color: #ff8889; }
.f-content .f-c-centertop .f-c-ct-nav li a i.icon-daiyuegongwen{ color: #1986ef; }
.f-content .f-c-centertop .f-c-ct-nav li a i.icon-qingjia1{ color: #00c0cb; }
.f-content .f-c-centertop .f-c-ct-nav li a i.icon-chalv-chuchashenqingS1{ color: #1986ef; }
.f-content .f-c-centertop .f-c-ct-nav li a i.icon-yongcheshenqing1{ color: #ff8889; }
.f-content .f-c-centerbottom .f-c-c-title a{ font-size: @fs-sm;margin-top: .1rem; }
.f-content .f-c-centerbottom .f-c-cb-nav,.a-content .a-c-centerbottom .a-c-cb-nav{ background-color: #fff;border: 1px @border solid;border-bottom: 0; }
.f-content .f-c-centerbottom .f-c-cb-nav li.f-cb-detial,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial{ padding: .5rem @padding;border-bottom: 1px @border solid; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial a,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial a{ display: inline-block; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial a i,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial a i{ font-size: 2rem; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial a i.icon-caiwu,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial a i.icon-caiwu{ color: #00c0cb; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial a i.icon-yongche,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial a i.icon-yongche{ color: #ff8889; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial ul,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial ul{ margin: .3rem 0 0 .7rem;width: 14rem; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial ul li,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial ul li{ margin-bottom: .1rem; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial ul li.f-cb-d-title,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial ul li.a-cb-d-title{ font-size: @fs-lg2; }
.f-content .f-c-centerbottom .f-c-cb-nav .f-cb-detial ul li.f-cb-d-information,.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial ul li.a-cb-d-information{ color: @gray9;font-size: @fs-sm; }


/*审批*/

.a-content .a-c-top{  }
.a-content .a-c-top .a-c-t-nav{ width: 100%;background-color: #fff;margin-bottom: @margin; }
.a-content .a-c-top .a-c-t-nav li a{ display: inline-block;text-align: center;color: #656565;padding: .6rem 1.11rem; }
.a-content .a-c-top .a-c-t-nav li a i{ display: block;font-size: 2.5rem;color: #f7b55e; }
.a-content .a-c-top .a-c-t-nav li a span{ display: block;width: 4.41rem; }
.a-content .a-c-centerbottom .buttons-row{ background-color: #fff;}
.a-content .a-c-centerbottom .buttons-row a{ border-radius: 0;border: 0;height: 2.3rem;line-height: 2.3rem;color: @gray3;position: relative;font-size: @fs-lg2;  }
.a-content .a-c-centerbottom .buttons-row a.active{ background-color: #fff;color: #1a85ef; }
.a-content .a-c-centerbottom .buttons-row a.active:after{ content: "";background-color: #1a85ef;height: 2px;width: 70%;position: absolute;bottom: 0;left: 28px; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-search a{ width: 50%;text-align: center;padding: .7rem 0 .3rem;}
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-search a i{ margin-right: 8px; }
.a-content .a-c-centerbottom .a-c-cb-nav li.a-cb-detial a i.icon-chalv-chuchashenqingS1{ color: #1986ef; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-find{ padding: .7rem @padding; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-find .a-c-t-f-in input{ width: 15.5rem;text-align: center;padding: .4rem 0;margin: 0 .7rem;border: 0; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-find .a-c-t-f-in span{ color: #1a85ef; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-check{ margin-top: 1px;padding: .7rem @padding;background-color: #fff; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-check .a-c-t-c-title .disc{ width: .6rem;height: .6rem;border-radius: 50%;background-color: #1986ef;margin: .15rem .3rem 0 0; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-check .a-c-t-c-type{ margin-top: 1rem; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-check .a-c-t-c-type li{ display: inline-block;width: 8rem;background-color: #f4f4f4;text-align: center;height: 2.5rem;line-height: 2.5rem;margin: 0 0 .8rem 1.3rem; }
.a-content .a-c-centerbottom .tabs-animated-wrap .tabs .a-c-t-check .a-c-t-c-type li.active{ background-color: #d3e9ff;color: #1a85ef;border-radius: @br; }


/*请假*/
.l-content .list-block input{ width: auto;text-align: right; }
.l-content .nomargin{ margin: 0; }
.l-content .l-c-margin{ margin: 0;margin-top: @margin; }
.l-content .l-c-cirle{ width: 3rem;height: 3rem; }
.l-content .l-c-cirle .item-inner{ padding: 0; }
.l-content .l-c-cirle .item-inner .item-after{ padding: 0;margin: 0; }
.l-content .l-c-nameselect{ padding: 0 15px;margin-top: @margin;background-color: #fff; }
.l-content .l-c-nameselect .l-c-n-title{ font-size: 17px; }
.l-content .l-c-nameselect .l-c-n-namenav li{ width: 3rem;height: 4.5rem;margin-right: .3rem; }
.l-content .l-c-nameselect .l-c-n-namenav li a{ display: inline-block; }
.l-content .l-c-nameselect .l-c-n-namenav li.next{ text-align: center;padding-top: .51rem;width: 1.5rem; }
.l-content .l-c-nameselect .l-c-n-namenav li.next i{ font-size: 1.5rem;color: #1986ef; }
.l-content .l-c-nameselect .l-c-n-namenav li .choisename{ display: inline-block;width: 3rem;text-align: center; }
.l-content .l-c-nameselect .l-c-n-namenav li div{ width: 3rem;height: 3rem;border-radius: 50%;text-align: center; }
.l-content .l-c-nameselect .l-c-n-namenav li div i{ font-size: 2.4rem;color: #1986ef; }
.l-content .l-c-nameselect .l-c-n-namenav li.waitechoise{ text-align: center; }
.l-content .l-c-nameselect .l-c-n-namenav li.waitechoise div{ width: 2.5rem;height: 2.5rem;border-radius: 50%;border: 1px #bbb solid;text-align: center;line-height: 2.5rem;margin: 0 auto;margin-top: .3rem; }
.l-content .l-c-nameselect .l-c-n-namenav li.waitechoise div i{ color: #bbb;font-size: 1rem; }
.l-nameList{ padding: 15px;background-color: #fff; }
.l-nameList li{ margin-top: .5rem; }


/*请假名单*/
.namechoise .page-content .nc-mlist{ margin: 0;margin-top: 1px;background-color: #fff; }
.namechoise .page-content .nc-mlist .nc-m-title{ padding-left: 15px;height: 44px;line-height: 44px;font-size: @fs-sm;color: #1986ef; }



/*通讯录*/
.namelist .n-c-list{ background-color: #fff;padding: 0 @padding; }
.namelist .n-c-list .item-content .n-c-l-detial{ border-bottom: 1px #eee solid; }
.namelist .n-c-list .item-content li{ border-bottom: 1px #eee solid; }
.namelist .n-c-list .item-content .n-c-l-detial i{ font-size: 1.7rem;color: #65b2ff; }
.namelist .n-c-list .item-content .n-c-l-detial i.icon-you{ font-size: 1rem;margin-top: .5rem;color: @gray9; }
.namelist .n-c-list .item-content .n-c-l-detial span{ font-size: .9rem; }
.namelist .n-c-list .item-content .n-c-sublist i.icon-wodedangxuan{ color: #6cc9aa;font-size: 1.7rem; }
.namelist .n-c-list .item-content .n-c-sublist{ padding-left: 2rem; }
.namelist .n-c-list .item-content .n-c-sublist span{ font-size: .9rem; }
.namelist .n-c-list .item-content .n-c-sublist .n-c-s-num{ font-size: .6rem;color: @gray9; }
.namelist .n-c-list .item-content .n-c-sublist .n-c-l-subdetial i.icon-you{ font-size: 1rem;margin-top: .5rem;color: @gray9; }


/*公务出差*/

.public form,.usecar form{ margin: 0;margin-bottom: 10px; }
.p-title{ font-size: .7rem;padding-left: 15px;height: 44px;line-height: 44px; }
.p-usecar,.public .p-way{ font-size: 17px;padding-left: 15px;height: 44px;line-height: 44px;background-color: #fff;}
.p-usecar .p-u-list li,.public .p-way .p-w-list li{ float: left;font-size: 14px;height: 30px;line-height: 30px;width: 50px;border: 1px #eee solid;text-align: center;margin: 6px 10px 0 0;border-radius: @br; }
.p-usecar .p-u-list,.public .p-way .p-w-list{ margin-left: 2.3rem; }
.p-usecar .p-u-list li.active,.public .p-way .p-w-list li.active{ border: 1px #1986ef solid;color: #1986ef; }
.l-c-margin{ margin: 0;margin-bottom: 10px; }
.l-c-nameselect{ padding: 0 15px;margin-top: @margin;background-color: #fff; }
.l-c-nameselect .l-c-n-title{ font-size: 17px; }
.l-c-nameselect .l-c-n-namenav li{ width: 3rem;height: 4.5rem;margin-right: .3rem; }
.l-c-nameselect .l-c-n-namenav li a{ display: inline-block; }
.l-c-nameselect .l-c-n-namenav li.next{ text-align: center;padding-top: .51rem;width: 1.5rem; }
.l-c-nameselect .l-c-n-namenav li.next i{ font-size: 1.5rem;color: #1986ef; }
.l-c-nameselect .l-c-n-namenav li .choisename{ display: inline-block;width: 3rem;text-align: center; }
.l-c-nameselect .l-c-n-namenav li div{ width: 3rem;height: 3rem;border-radius: 50%;text-align: center; }
.l-c-nameselect .l-c-n-namenav li div i{ font-size: 2.4rem;color: #1986ef; }
.l-c-nameselect .l-c-n-namenav li.waitechoise{ text-align: center; }
.l-c-nameselect .l-c-n-namenav li.waitechoise div{ width: 2.5rem;height: 2.5rem;border-radius: 50%;border: 1px #bbb solid;text-align: center;line-height: 2.5rem;margin: 0 auto;margin-top: .3rem; }
.l-c-nameselect .l-c-n-namenav li.waitechoise div i{ color: #bbb;font-size: 1rem; }


/*审批详情*/

  /*单独分离*/
.flow .f-title{ margin: 0;padding: 10px 15px;background-color: #fff;font-size: 1.1rem;font-weight: 600; }
.flow .list-block{ margin: 0; }
.flow .list-block ul:before{ width: 0;height: 0; }
.flow .list-block ul li .item-inner{ text-align: left;color: #333; }
.flow .list-block ul li .item-inner:after{ height: 0; }
.flow .list-block ul li .item-inner span .f-subtitle{ color: #999; }


  /*其他*/
.uc-content .uc-specific{ background-color: #fff;padding: 10px 15px;margin-bottom: @margin;margin-top: @margin;font-size: 17px; }
.uc-content .uc-specific .uc-s-title{ margin: 0;padding:0;font-size: .8rem;color: #999; }
.uc-content .uc-specific .uc-s-subtitle{ font-size: .8rem;color: #333; }
.uc-content .uc-specific .uc-s-detial{ text-indent: 2em; }
.uc-content .uc-leader .list-block{ margin: 0; }
.uc-content .uc-leader .list-block ul li .item-inner{ text-align: left;color: #333; }
.uc-content .uc-leader .list-block ul li .item-inner span .f-subtitle{ color: #999; }
.uc-content .uc-leader .list-block ul li .item-inner .btn{ border: 1px #eee solid;padding: 5px 10px; }
.uc-content .f-c-cb-nav{ border: 1px @border solid;border-bottom: 0;margin-bottom: 60px; }
.uc-content .f-c-cb-nav li.f-cb-detial{ padding: .5rem @padding;border-bottom: 1px @border solid; }
.uc-content .f-c-cb-nav .f-cb-detial a{ display: inline-block; }
.uc-content .f-c-cb-nav .f-cb-detial a i{ font-size: 2rem; }
.uc-content .f-c-cb-nav .f-cb-detial a i.icon-wodedangxuan{ color: #1986ef;position: relative; }
.uc-content .f-c-cb-nav .f-cb-detial a i.icon-wodedangxuan:after{ content:"";position: absolute;height: 170%;width: 3px;top: 2.5rem;left: 50%;background-color: #ddd; }
.uc-content .f-c-cb-nav .f-cb-detial a i.icon-yongche{ color: #ff8889; }
.uc-content .f-c-cb-nav .f-cb-detial a i.icon-yes{ font-size: .9rem;margin-right: .3rem;color: #00c0cb; }
.uc-content .f-c-cb-nav .f-cb-detial a i.wait{ color: #f8b660; }
.uc-content .f-c-cb-nav .f-cb-detial ul{ margin: .3rem 0 0 .7rem;width: 17rem; }
.uc-content .f-c-cb-nav .f-cb-detial ul li{ margin-bottom: .1rem; }
.uc-content .f-c-cb-nav .f-cb-detial ul li.f-cb-d-title{ font-size: @fs-lg2;background-color: #fff;padding: .5rem; }
.uc-content .f-c-cb-nav .f-cb-detial ul li.f-cb-d-title span{ color: #999; }
.uc-content .f-c-cb-nav .f-cb-detial ul li.f-cb-d-title .f-cb-d-name{ font-size: 1rem;color: #333; }
.uc-content .f-c-cb-nav .f-cb-detial ul li.f-cb-d-information{ color: @gray9;font-size: @fs-sm; }


/*我的*/

.m-content .m-c-detial{ padding: .5rem @padding;border-bottom: 1px @border solid;background-color: #fff; }
.m-content .m-c-detial a{ display: inline-block; }
.m-content .m-c-detial a.m-c-d-all{ width: 100%;padding: 1rem;box-sizing: border-box;box-shadow: 0 0 10px #eee;border: 1px #eee solid; }
.m-content .m-c-detial a.m-c-d-all .m-c-d-title .gold{ color: #f8a53d;margin-left: 1rem; }
.m-content .m-c-detial a div .usearname{ font-size: 1rem;margin: .7rem 0 0 .5rem; }
.m-content .m-c-detial a div a{ border-radius: @br;border: 1px #eee solid;padding: .3rem .5rem;margin-top: .3rem; }
.m-content .m-c-detial a i{ font-size: 2rem; }
.m-content .m-c-detial a i.icon-caiwu{ color: #00c0cb; }
.m-content .m-c-detial a i.icon-renzheng{ color: #f8a53d;font-size: .9rem; }
.m-content .m-c-detial ul{ margin: .3rem 0 0 .7rem;width: 14rem; }
.m-content .m-c-detial ul li{ margin-bottom: .1rem; }
.m-content .m-c-detial ul li.m-c-d-title{ font-size: @fs-lg2; }
.m-content .m-c-detial ul li.m-c-d-information{ color: @gray9;font-size: .9rem; }
.m-content .n-c-list{ background-color: #fff;padding: 0 @padding; }
.m-content .item-content{ padding: 0.5rem;background-color: #fff; }
.m-content .item-content .m-c-l-detial{ border-bottom: 1px #eee solid;padding-right: 15px; }
.m-content .item-content li{ border-bottom: 1px #eee solid; }
.m-content .item-content .m-c-l-detial i{ font-size: 1.7rem;color: #65b2ff; }
.m-content .item-content .m-c-l-detial i.icon-you{ font-size: 1rem;margin-top: .5rem;color: @gray9; }
.m-content .item-content .m-c-l-detial span{ font-size: .9rem; }
.m-content .item-content .m-c-l-detial i.icon-wodedangxuan{ color: #6cc9aa;font-size: 1.7rem; }
.m-content .item-content .m-c-l-detial{ padding-left: 2rem; }
.m-content .item-content .m-c-l-detial span{ font-size: .9rem; }
















